import React,{Component} from 'react';
import {Row,Col,Table} from 'antd';
import './style.scss';

class View extends Component{

    render(){
        const columns=[
            {
                title:'序号',
                key:'index',
                dataIndex:'index'
            },
            {
                title:'编码',
                key:'number',
                dataIndex:'number'
            },
            {
                title:'英文名',
                key:'englishName',
                dataIndex:'englishName'
            },
            {
                title:'中文名',
                key:'chineseName',
                dataIndex:'chineseName'
            },
            {
                title:'数据类型',
                key:'dataType',
                dataIndex:'dataType'
            },
            {
                title:'数据长度',
                key:'length',
                dataIndex:'length'
            },
        ]
        const columns1=[
            {
                title:'承办人',
                key:'undertaker',
                dataIndex:'undertaker'
            },
            {
                title:'所属部门',
                key:'department',
                dataIndex:'department'
            },
            {
                title:'开始时间',
                key:'startTime',
                dataIndex:'startTime'
            },
            {
                title:'结束时间',
                key:'endTime',
                dataIndex:'endTime'
            },
            {
                title:'处理状态',
                key:'status',
                dataIndex:'status'
            },
            {
                title:'处理意见',
                key:'opinion',
                dataIndex:'opinion'
            },
        ]
        const dataSource=[
            {
                index:'1',
                number:'123',
                englishName:'qwe',
                chineseName:'阿萨德',
                dataType:'整型',
                length:'12',
                isPrimaryKey:'是',
                isIncrement:'是'
            },
            {
                index:'1',
                number:'123',
                englishName:'qwe',
                chineseName:'阿萨德',
                dataType:'整型',
                length:'12',
                isPrimaryKey:'是',
                isIncrement:'是'
            },
            {
                index:'1',
                number:'123',
                englishName:'qwe',
                chineseName:'阿萨德',
                dataType:'整型',
                length:'12',
                isPrimaryKey:'是',
                isIncrement:'是'
            },
        ]
        return(
            <div className='view'>
                <p style={{fontSize:15,fontWeight:'bold'}}>资源基本信息</p>
                <Row>
                    <Col span={12}>
                        <p><span className='left'>资源分类</span><span style={{marginLeft:20}}>部门资源信息/户政科/市民户口信息</span></p>
                        <p><span className='left'>资源名称</span><span style={{marginLeft:20}}>2017市民户口信息</span></p>
                    </Col>
                    <Col span={12}>
                        <p><span className='left'>资源代码</span><span style={{marginLeft:20}}>09372819</span></p>
                        <p><span className='left'>资源简称</span><span style={{marginLeft:20}}>户口信息</span></p>
                    </Col>
                </Row>
                <p style={{fontSize:15,fontWeight:'bold'}}>需求方</p>
                <Row>
                    <Col span={12}>
                        <p><span className='left'>部门名称</span><span style={{marginLeft:20}}>部门资源信息/户政科/市民户口信息</span></p>
                        <p><span className='left'>需求方负责人</span><span style={{marginLeft:20}}>张平</span></p>
                    </Col>
                    <Col span={12}>
                        <p><span className='left'>部门地址</span><span style={{marginLeft:20}}>东岗路</span></p>
                        <p><span className='left'>联系电话</span><span style={{marginLeft:20}}>13333333</span></p>
                    </Col>
                </Row>
                <p style={{fontSize:15,fontWeight:'bold'}}>申请数据项信息</p>
                <Table
                    columns={columns}
                    dataSource={dataSource}
                />
                <p style={{fontSize:15,fontWeight:'bold'}}>审批流程</p>
                <Table
                    columns={columns1}
                    bordered={true}
                />
            </div>
        )
    }
}
export default View;